import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'


NProgress.configure({ showSpinner: false }) // NProgress Configuration
//定义变量如果加载完路由，就不需要再次加载
let hasSign =false
const whiteList = ['/login', '/auth-redirect'] // no redirect whitelist

router.beforeEach(async(to, from, next) => {
  // start progress bar
  NProgress.start()

  //next()
  // set page title
  document.title = getPageTitle(to.meta.title)

  // determine whether the user has logged in
  const hasToken = getToken()
  if (to.path === "/login") {
    // 如果已登录，跳转到首页
    next({ path: "/" });
    NProgress.done();
  }else{
    //跳出加载路由，执行页面跳转
    if (hasSign) {

      // 如果未匹配到任何路由，跳转到404页面
      if (to.matched.length === 0) {
        next(from.name ? { name: from.name } : "/");
      } else {
        next();
      }
    } else {
      // 读取路由信息
      try {
        const accessRoutes=await store.dispatch('permission/generateRoutes', ['admin'])
         router.addRoutes(accessRoutes)
     
         next({ ...to, replace: true })
        }catch (error) {
    
          next({ path: "/" });
          NProgress.done();
        }
    }
    hasSign=!hasSign








    // const hasRoles = store.getters.roles && store.getters.roles.length > 0
    // if (hasRoles) {
    //   next()
    // } else {
    //   try {

    //    store.dispatch('permission/generateRoutes', ['admin']).then(accessRoutes=>{
    //     console.log(accessRoutes)
    //     router.addRoutes(accessRoutes)
    //    // next({ ...to, replace: true })
    //     //next()
    //    })
    //    next({ ...to, replace: true })
    //     // dynamically add accessible routes
    //     //router.addRoutes(accessRoutes)

    //     // hack method to ensure that addRoutes is complete
    //     // set the replace: true, so the navigation will not leave a history record
        
    //   } catch (error) {
    //     // remove token and go to login page to re-login
    //     //await store.dispatch('user/resetToken')
    //     Message.error(error || 'Has Error')
    //     next(`/login?redirect=${to.path}`)
    //     NProgress.done()
    //   }
    // }
  }


  // if (!hasToken) {

    // if (to.path === '/login') {
    //   // if is logged in, redirect to the home page
    //   next({ path: '/' })
    //   NProgress.done()
    // } else {
      // determine whether the user has obtained his permission roles through getInfo
      // const hasRoles = store.getters.roles && store.getters.roles.length > 0
      // if (hasRoles) {
      //   next()
      // } else {
      //   try {
      //    // debugger
      //     // get user info
      //     // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
      //     //const { roles } = await store.dispatch('user/getInfo')
      //     // const { roles } = await store.dispatch('user/getInfo')
      //     // console.log(roles)

      //     // generate accessible routes map based on roles
      //     //const accessRoutes = await store.dispatch('permission/generateRoutes', ['admin'])
      //    store.dispatch('permission/generateRoutes', ['admin']).then(accessRoutes=>{
      //     console.log(accessRoutes)
      //     router.addRoutes(accessRoutes)
      //    // next({ ...to, replace: true })
      //     //next()
      //    })
      //    next({ ...to, replace: true })
      //     // dynamically add accessible routes
      //     //router.addRoutes(accessRoutes)

      //     // hack method to ensure that addRoutes is complete
      //     // set the replace: true, so the navigation will not leave a history record
          
      //   } catch (error) {
      //     // remove token and go to login page to re-login
      //     //await store.dispatch('user/resetToken')
      //     Message.error(error || 'Has Error')
      //     next(`/login?redirect=${to.path}`)
      //     NProgress.done()
      //   }
      // }
    //}
  // } else {
  //   /* has no token*/

  //   if (whiteList.indexOf(to.path) !== -1) {
  //     // in the free login whitelist, go directly
  //     next()
  //   } else {
  //     // other pages that do not have permission to access are redirected to the login page.
  //     next(`/login?redirect=${to.path}`)
  //     NProgress.done()
  //   }
  // }
})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
